<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片</title>
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <link rel="stylesheet" href="../../bootstrap-icons-1.13.1/bootstrap-icons.min.css">
</head>
<body>
    <div class="container">
       <!-- 设置倒角-->
        <img src="../../png/man.png" alt="图片正在加载" class="rounded" >
        <!--设置边框-->
        <img src="../../png/man.png" alt="图片正在加载" class="img-thumbnail" >
        <!--图片对齐方式-->
        <!--
        左浮动 float-left
        右浮动 float-left
        -->
        <img src="../../png/man.png" alt="图片正在加载" class="img-thumbnail float-right" >
        <!--居中-->
        <!--
        mx-auto     设置为居中
        d-block     设置为块级元素，块级元素才能居中
        -->
        <img src="../../png/man.png" alt="图片正在加载" class="img-thumbnail mx-auto d-block " >
    </div>
</body>
</html>